<template>
  <div id="c_static_001-16424741859400">
    <div
      class="e_loop-8 s_list"
      needjs="true"
    >
      <div class="">
        <div class="p_listbox">
          <div class="p_list-left">
            <span>产品中心</span>
            <span>
              <svg
                t="1646190940795"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="4130"
                width="10"
                height="10"
              >
                <path
                  d="M511.991302 811.633265 511.878738 811.745828 0.843716 300.715923 89.313653 212.243939 511.998465 634.930797 934.685323 212.243939 1023.155261 300.715923 512.111029 811.755038Z"
                  p-id="4131"
                  fill="#999999"
                ></path>
              </svg>
            </span>
          </div>
          <div class="p_list">
            <div
              class="cbox-8 p_loopitem"
              v-for="(product, index) in products"
              :key="index"
            >
              <p class="e_text-10 s_title">
                <a
                  :href="product.href"
                  target="_self"
                >
                  {{ product.name }}
                </a>
              </p>
            </div>
          </div>
        </div>
        <div class="p_page">
          <div class="page_con"></div>
        </div>
      </div>
      <input
        type="hidden"
        name="_config"
        :value="JSON.stringify(config)"
      />
    </div>
    <input
      type="hidden"
      name="propJson"
      :value="JSON.stringify(propJson)"
    />
  </div>
  <div id="c_banner_015-1642475524694">
    <div
      class="e_bannerA-2 s_list"
      needjs="true"
    >
      <div
        class="swiper-container"
        ref="swiperContainer"
      >
        <div class="swiper-wrapper p_swiperContainer">
          <div
            class="swiper-slide p_slide"
            v-for="(slide, index) in slides"
            :key="index"
          >
            <div class="p_img">
              <a :href="slide.href">
                <img
                  :src="slide.imgSrc"
                  :alt="slide.alt"
                  :title="slide.title"
                  la="la"
                >
              </a>
            </div>
            <div class="p_info">
              <div>
                <!-- 可以在这里添加动态内容 -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <input
      type="hidden"
      name="propJson"
      :value="JSON.stringify(propJson)"
    >
  </div>
  <div
    id="c_static_001_P_902-16478421520120"
    class="response-animated"
  >
    <div class="e_container-1 s_layout response-transition">
      <div class="cbox-1-0 p_item">
        <div class="e_container-2 s_layout response-transition">
          <div class="cbox-2-0 p_item">
            <p class="e_text-3 s_title fen_click">
              相关运用
            </p>

            <div
              class="e_loop-49 s_list response-transition"
              needjs="true"
            >
              <div class="">
                <div class="p_list">
                  <div
                    class="cbox-49 p_loopitem"
                    v-for="(solution, index) in solutions"
                    :key="index"
                  >
                    <p class="e_text-50 s_title response-transition">
                      <router-link
                        :to="solution.href"
                        target="_self"
                      >
                        {{ solution.name }}
                      </router-link>
                    </p>
                  </div>
                </div>
                <div class="p_page">
                  <!-- 分页内容可以在这里添加 -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="cbox-1-1 p_item">
        <div class="e_container-34 s_layout response-transition">
          <div class="cbox-34-0 p_item">
            <div
              class="e_magnifier-44 response-transition"
              needjs="true"
            >
              <div
                class="magnifier"
                id="magnifierWrapper"
              >
                <div
                  class="magnifier-container"
                  :style="{ width: magnifierWidth + 'px', height: magnifierHeight + 'px' }"
                >
                  <!-- 图片容器 -->
                  <div
                    class="images-cover"
                    :isvideo="isVideo"
                    :is360="is360"
                  >
                    <img
                      :src="currentImage.src"
                      :index="currentImageIndex"
                      :data-url="currentImage.dataUrl"
                      :width="currentImage.width"
                      :height="currentImage.height"
                      @mouseover="showMagnifier"
                      @mouseout="hideMagnifier"
                      @mousemove="moveMagnifier"
                    />
                  </div>
                  <!-- 右下角的加号 -->
                  <div
                    class="image-bigger"
                    :style="{ display: imageBiggerDisplay }"
                  >
                    <div class="add-icon">+</div>
                  </div>
                  <!-- 跟随鼠标移动的盒子 -->
                  <div
                    class="move-view"
                    :style="{ width: moveViewWidth + 'px', height: moveViewHeight + 'px', left: moveViewLeft + 'px', top: moveViewTop + 'px', display: moveViewDisplay }"
                  ></div>
                </div>
                <div class="magnifier-assembly">
                  <!-- 按钮组 -->
                  <div class="magnifier-btn">
                    <span
                      class="magnifier-btn-left"
                      @click="prevImage"
                    ></span>
                    <span
                      class="magnifier-btn-right"
                      @click="nextImage"
                    ></span>
                  </div>
                  <!-- 缩略图 -->
                  <div class="magnifier-line js-magnifier-line">
                    <ul class="clearfix animation03 p_thumbnail_box">
                      <li
                        v-for="(image, index) in images"
                        :key="index"
                        class="static-img"
                        :class="{ active: index === currentImageIndex }"
                      >
                        <div
                          class="small-img"
                          :data-url="image.dataUrl"
                        >
                          <img
                            :src="image.src"
                            :alt="image.alt"
                            :title="image.title"
                            la="la"
                            @click="selectImage(index)"
                          />
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- 经过放大的图片显示容器 -->
                <div
                  class="magnifier-view"
                  :style="{ width: magnifierWidth + 'px', height: magnifierHeight + 'px', display: magnifierViewDisplay }"
                >
                  <img
                    :src="currentImage.src"
                    :width="magnifiedImageWidth"
                    :height="magnifiedImageHeight"
                    :style="{ marginLeft: magnifiedImageMarginLeft + 'px', marginTop: magnifiedImageMarginTop + 'px' }"
                  />
                </div>
              </div>
            </div>
          </div>
          <div class="cbox-34-1 p_item">
            <div class="e_container-35 s_layout">
              <div class="cbox-35-0 p_item">
                <div class="e_container-39 s_layout">
                  <div class="cbox-39-0 p_item">
                    <h1 class="e_h1-40 s_subtitle">
                      {{ displayedProducts.name + "("+displayedProducts.version+")"}}
                    </h1>
                  </div>
                </div>
                <hr class="e_line-42 s_line">
                <div class="e_richText-43 s_body clearfix">
                  {{ displayedProducts.productIntroduction1 }}
                </div>
              </div>
            </div>
            <div class="e_container-36 s_layout">
              <div class="cbox-36-0 p_item">
                <router-link
                  class="e_button-37 s_button1 btn btn-primary"
                  :to="contactInfoLink"
                  target="_self"
                >
                  <span>{{ sampleTrialText }}</span>
                </router-link>
              </div>
              <div class="cbox-36-1 p_item">
                <router-link
                  class="e_button-38 s_button1 btn btn-primary"
                  :to="contactConsultationLink"
                  target="_blank"
                >
                  <span>{{ contactConsultationText }}</span>
                </router-link>
              </div>
            </div>
          </div>
        </div>
        <div
          class="e_productTabList-45 response-transition"
          needjs="true"
          
        >
          <!-- 标题 -->
          <ul class="p_tabName">
            <li
              v-for="(tab, index) in tabs"
              :key="index"
              class="js_nameItem p_nameItem"
              :class="{ active: activeTab === index }"
              @click="setActiveTab(index)"
            >
              {{ tab.name }}
            </li>
          </ul>
          <!-- 内容 -->
          <ul class="p_tabContent">
            <!-- 产品描述 -->
            <li
              class="p_contentItem"
              :class="{ active: activeTab === 0 }"
            >
              <!-- 概要 -->
              <div class="p_infoItem">
                <p class="border-top border-bottom text-secondary p_summary">
                  {{ displayedProducts.productIntroduction1}}
                </p>
              </div>
              <!-- 描述 -->
              <div class="p_infoItem">
                <div
                  class="tab-text"
                  style="display: block;"
                >
                  <span style="color:#3366cc;"><span style="font-size:16px;"><strong>1、设备介绍</strong></span></span>
                  <div style="text-align: center;">&nbsp;</div>
                  <p><span style="font-size:16px;">{{ displayedProducts.productIntroduction1 }}</span></p>
                  <hr>
                  <p><br><span style="font-size:16px;"><span style="color:#3366cc;"><strong>2、设备应用方向</strong></span></span></p>
                  <p>&nbsp;</p>
                  <p><span style="line-height:1;"><span style="font-size:16px;">{{ displayedProducts.productIntroduction2 }}</span></span></p>
                  <p>&nbsp;</p>
                  <hr>
                  <p><br><span style="font-size:16px;"><span style="color:#3366cc;"><strong>3、安装示意图</strong></span></span></p>
                  <p>&nbsp;</p>
                  <p><span style="line-height:1;"><span style="font-size:16px;">{{ displayedProducts.productIntroduction3 }}</span></span></p>
                  <p>&nbsp;</p>
                  <hr>
                  <p><span style="font-size:16px;"><span style="color:#3366cc;"><strong>4、设备优势与特点</strong></span></span></p>
                  <p>&nbsp;</p>
                  <p><span style="line-height:1;"><span style="font-size:16px;">{{ displayedProducts.productIntroduction4 }}</span></span></p>
                  <p>&nbsp;</p>
                </div>
              </div>
            </li>
            <!-- 参数 -->
            <li
              class="p_contentItem"
              :class="{ active: activeTab === 1 }"
            >
              <ul class="border border-bottom-0 p_paramsBorder">
                <!-- 参数组 -->
                <li class="border-bottom p_paramsGroup">
                  <p class="bg-light p_groupName"> 产品参数 </p>
                  <ul>
                    <!-- 参数项 -->
                    <li
                      v-for="(param, index) in productParams"
                      :key="index"
                      class="border-top p_params"
                    >
                      <span class="border-right p_paramsName">{{ param.name }}</span>
                      <span class="p_paramsValue">{{ param.value }}</span>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

</template>



<script>
import axios from "axios";

export default {
  name: "ProductInfo",
  data() {
    return {
      solutions: [
        { name: "水库信息化监管系统", href: "/solutionDetailed" },
        { name: "灌区信息化解决方案", href: "/solutionDetailed" },
        { name: "灌区信息化监控系统", href: "/solutionDetailed" },
        { name: "闸门开度测流法", href: "/solutionDetailed" },
        { name: "水雨情监测系统", href: "/solutionDetailed" },
        { name: "水文智能防汛信息化预警系统", href: "/solutionDetailed" },
        { name: "大坝安全监测系统", href: "/solutionDetailed" },
        { name: "城市水位监测系统", href: "/solutionDetailed" },
        {
          name: "饮用水安全自动化监控及信息管理系统",
          href: "/solutionDetailed",
        },
        { name: "城乡供水一体化监测系统", href: "/solutionDetailed" },
        { name: "水域安全智能看护系统", href: "/solutionDetailed" },
        { name: "城市排水系统优化", href: "/solutionDetailed" },
        { name: "城市道路（内涝）积水综合解决方案", href: "/solutionDetailed" },
        { name: "水电站生态流量监测管理系统", href: "/solutionDetailed" },
      ],
      products: [
        { name: "热门", href: "" },
        { name: "水位计", href: "" },
        { name: "流量计", href: "" },
        { name: "雨量计", href: "" },
        { name: "无线预警广播", href: "" },
        { name: "遥测终端机", href: "" },
        { name: "GNSS接收机", href: "" },
        { name: "管式土壤墒情监测仪", href: "" },
        { name: "一体化闸门控制器", href: "" },
        { name: "机器视觉", href: "" },
        { name: "软件系统", href: "" },
        { name: "全部产品", href: "" },
      ],
      slides: [
        {
          href: "javascript:;",
          imgSrc: require("@/assets/ProductCenter/img/a772848e-3977-4893-ab31-2338ae6458e6.jpg"),
          alt: "产品中心",
          title: "产品中心",
        },
        // 可以在这里添加更多的幻灯片
      ],
      displayedProducts: {},
      swiper: null,
      magnifierWidth: 545,
      magnifierHeight: 452.48,
      isVideo: "",
      is360: "",
      images: [
        {
          src: require("@/assets/ProductCenter/img/0a10f5ee-a019-404f-91b7-51e713653d6c.jpg"),
          dataUrl:
            "https://omo-oss-image.thefastimg.com/portal-saas/new2021123117324127486/cms/image/0a10f5ee-a019-404f-91b7-51e713653d6c.jpg",
          alt: "RTU.jpg",
          title: "RTU.jpg",
          width: 562.2215288611545,
          height: 450.48,
        },
        {
          src: require("@/assets/ProductCenter/img/1cb9e8f5-1c35-4392-bd01-c1ba391ec961.jpg"),
          dataUrl:
            "https://omo-oss-image.thefastimg.com/portal-saas/new2021123117324127486/cms/image/1cb9e8f5-1c35-4392-bd01-c1ba391ec961.jpg",
          alt: "遥测终端机2.jpg",
          title: "遥测终端机2.jpg",
          width: 562.2215288611545,
          height: 450.48,
        },
        {
          src: require("@/assets/ProductCenter/img/3f1d7a5b-e4e7-418b-9bb9-3c87294caa8a.jpg"),
          dataUrl:
            "https://omo-oss-image.thefastimg.com/portal-saas/new2021123117324127486/cms/image/3f1d7a5b-e4e7-418b-9bb9-3c87294caa8a.jpg",
          alt: "遥测终端机3.jpg",
          title: "遥测终端机3.jpg",
          width: 562.2215288611545,
          height: 450.48,
        },
        {
          src: require("@/assets/ProductCenter/img/bd3895ab-cf73-44e2-b4c9-765e576e593d.jpg"),
          dataUrl:
            "https://omo-oss-image.thefastimg.com/portal-saas/new2021123117324127486/cms/image/bd3895ab-cf73-44e2-b4c9-765e576e593d.jpg",
          alt: "遥测终端机4.jpg",
          title: "遥测终端机4.jpg",
          width: 562.2215288611545,
          height: 450.48,
        },
        {
          src: require("@/assets/ProductCenter/img/77124b22-b077-42f8-a633-fd66e43d0e77.jpg"),
          dataUrl:
            "https://omo-oss-image.thefastimg.com/portal-saas/new2021123117324127486/cms/image/77124b22-b077-42f8-a633-fd66e43d0e77.jpg",
          alt: "遥测终端机5.jpg",
          title: "遥测终端机5.jpg",
          width: 562.2215288611545,
          height: 450.48,
        },
      ],
      currentImageIndex: 0,
      moveViewWidth: 181,
      moveViewHeight: 150.16,
      moveViewLeft: 0,
      moveViewTop: 0,
      moveViewDisplay: "none",
      magnifierViewDisplay: "none",
      imageBiggerDisplay: "block",
      magnifiedImageWidth: 1686.6645865834635,
      magnifiedImageHeight: 1351.44,
      magnifiedImageMarginLeft: -25.8323,
      magnifiedImageMarginTop: -750.51,
      contactConsultationLink: "",
      sampleTrialText: "样机试用",
      contactConsultationText: "联系咨询",
      activeTab: 0,
      tabs: [{ name: "产品介绍" }, { name: "参数" }, { name: "技术参数" }],
      productParams: [
        { name: "标准电源", value: "" },
        { name: "相对湿度", value: "" },
        { name: "功耗", value: "" },
        { name: "重量", value: "" },
        { name: "工作温度", value: "" },
        { name: "防护等级", value: "" },
      ],
    };
  },
  computed: {
    currentImage() {
      return this.images[this.currentImageIndex];
    },
  },
  mounted() {
    this.fetchProducts();
  },
  methods: {
     fetchProducts() {
      var id=localStorage.getItem("id")
      axios
        .get("http://192.168.0.111:12081/index/lcProduct/"+id)
        .then((response) => {
          console.log("产品111:", response.data.data);
          this.displayedProducts = response.data.data;
          console.log("产品:", this.displayedProducts);
        })
        .catch((error) => {
          console.error("There was an error fetching the products!", error);
        });
    },
    selectImage(index) {
      this.currentImageIndex = index;
    },
    prevImage() {
      if (this.currentImageIndex > 0) {
        this.currentImageIndex--;
      }
    },
    nextImage() {
      if (this.currentImageIndex < this.images.length - 1) {
        this.currentImageIndex++;
      }
    },
    setActiveTab(index) {
      this.activeTab = index;
    },
  },
};
</script>


<style>
@import "../../assets/ProductCenter/ceccbootstrap.min.css,global.css";

#c_static_001-16424741859400 {
  min-height: 0px;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

#c_static_001-16424741859400 .e_loop-8 .p_list {
  display: flex;
  position: relative;
  max-width: 100%;
}

#c_static_001-16424741859400 .e_loop-8 .p_loopitem {
  flex: 0 0 33.3%;
  position: relative;
  margin: 0 15px;
  flex-basis: auto !important;
}

#c_static_001-16424741859400 .page_con {
  display: none;
}

#c_static_001-16424741859400 .p_list-left svg {
  display: none;
}

#c_static_001-16424741859400 .e_loop-8 .p_page {
  text-align: center;
}

#c_static_001-16424741859400 .e_loop-8 .p_filter_wrapper {
  width: 100%;
  font-size: 13px;
}

#c_static_001-16424741859400 .e_loop-8 .p_kv_wrapper {
  display: flex;
  flex-wrap: nowrap;
  line-height: 40px;
  margin: 15px 0;
}

#c_static_001-16424741859400 .e_loop-8 .p_filter_key {
  width: 70px;
  overflow: hidden;
  margin-right: 10px;
  font-weight: bold;
  color: #333333;
  font-size: 12px;
}

#c_static_001-16424741859400 .e_loop-8 .p_v_item {
  display: inline-block;
  padding: 0 3px;
  cursor: pointer;
  font-size: 13px;
  color: #555555;
  margin-right: 30px;
}

#c_static_001-16424741859400 .e_loop-8 .p_active .p_fbutton {
  color: #fff;
  background-color: cornflowerblue;
}

#c_static_001-16424741859400 .e_loop-8 .p_result_item {
  position: relative;
  padding: 3px 20px 3px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-right: 10px;
}

#c_static_001-16424741859400 .e_loop-8 .p_filter_close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px;
  font-style: normal;
  font-size: 16px;
  margin-top: -5px;
  cursor: pointer;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect {
  font-size: 13px;
  position: relative;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .inputWrap {
  width: 100%;
  min-width: 100px;
  min-height: 24px;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  background: white;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect.is-invalid .inputWrap {
  border-color: #dc3545;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect ul {
  padding: 0 5px;
  margin: 0;
  padding-right: 35px;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect ul,
li {
  list-style: none;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect li {
  display: inline-block;
  background: #edf0f3;
  color: #92969c;
  padding: 0px 5px;
  margin: 1px 5px 1px 0;
  border-radius: 5px;
  line-height: 16px;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .multSelect-option {
  width: 100%;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  border-top: 0;
  max-height: 200px;
  overflow-y: scroll;
  position: absolute;
  height: 0;
  opacity: 0;
  z-index: 9;
  background: #fff;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .multSelect-option > div {
  line-height: 24px;
  cursor: pointer;
  padding: 0 10px;
}

#c_static_001-16424741859400
  .e_loop-8
  .multSelect
  .multSelect-option
  > div.selected {
  color: #409eff;
}

#c_static_001-16424741859400
  .e_loop-8
  .multSelect
  .multSelect-option
  > div:hover {
  color: #409eff;
  background: #f3f6f9;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .fa-close {
  font-style: normal;
  font-size: 12px;
  padding: 0 5px 0 7px;
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .inputWrap > .fa svg {
  fill: #666;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: calc(50% - 3px);
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .inputWrap > .fa-down svg {
  transform: rotate(-90deg);
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .inputWrap > .fa-up svg {
  transform: rotate(90deg);
}

#c_static_001-16424741859400 .e_loop-8 .multSelect .placeholder {
  line-height: 40px;
  padding-left: 10px;
  color: #aaa;
  position: absolute;
  left: 0;
  top: 0;
}

#c_static_001-16424741859400 .e_loop-8 .p_normal_start {
  display: inline;
  width: 60px;
  height: 22px;
}

#c_static_001-16424741859400 .e_loop-8 .p_date_start {
  display: inline;
  width: 105px;
  height: 22px;
}

#c_static_001-16424741859400 .e_loop-8 .p_normal_end {
  display: inline;
  width: 60px;
  height: 22px;
  margin-right: 5px;
}

#c_static_001-16424741859400 .e_loop-8 .p_date_end {
  display: inline;
  width: 105px;
  height: 22px;
  margin-right: 5px;
}

#c_static_001-16424741859400 .e_loop-8 .p_split {
  margin: 0 5px;
}

#c_static_001-16424741859400 .e_loop-8 .p_normal {
  margin-right: 16px;
}

#c_static_001-16424741859400 .e_loop-8 .p_fbutton {
  background-color: #007bff;
  border: 1px solid #409eff;
  text-decoration: none;
  color: white;
  font-size: 14px;
  text-align: center;
  padding: 10px 25px;
  position: relative;
  overflow: hidden;
}

#c_static_001-16424741859400 .e_loop-8 .input-check,
#c_static_001-16424741859400 .e_loop-8 .input-radio {
  margin: 0 5px;
  vertical-align: text-top;
}

#c_static_001-16424741859400 .e_loop-8 .position-left {
  display: flex;
}

#c_static_001-16424741859400 .e_loop-8 .position-right {
  display: flex;
  flex-direction: row-reverse;
}

#c_static_001-16424741859400 .e_loop-8 .position-bottom {
  display: flex;
  flex-direction: column-reverse;
}

#c_static_001-16424741859400 .e_loop-8 .p_mbutton {
  border: 1px solid #409eff;
  text-decoration: none;
  color: #409eff;
  font-size: 14px;
  text-align: center;
  padding: 10px 25px;
  position: relative;
  overflow: hidden;
}

#c_static_001-16424741859400 .e_loop-8 .p_mbutton:after {
  content: "";
  display: none;
  width: 16px;
  height: 16px;
  background-color: #409eff;
  -webkit-transform: skewY(-45deg);
  transform: skewY(360deg);
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 1;
}

#c_static_001-16424741859400 .e_loop-8 .p_mbutton::before {
  content: "";
  display: none;
  width: 6px;
  height: 9px;
  border-right: #ffffff solid 2px;
  border-bottom: #ffffff solid 2px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  position: absolute;
  bottom: 5px;
  right: 4px;
  z-index: 2;
}

#c_static_001-16424741859400 .e_loop-8 .p_active .p_mbutton::before {
  display: block;
}

#c_static_001-16424741859400 .e_loop-8 .p_active .p_mbutton::after {
  display: block;
}

#c_static_001-16424741859400 .e_loop-8 {
  max-width: 1320px;
  width: 94%;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: auto;
  margin-right: auto;
}

#c_static_001-16424741859400 .e_text-10 {
  line-height: 50px;
  font-size: 15px;
  position: relative;
}

#c_static_001-16424741859400 .p_listbox {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
}

#c_static_001-16424741859400 .p_list-left {
  line-height: 22px;
  padding-right: 30px;
  font-weight: bold;
  border-right: 1px solid #e5e5e5;
  width: auto;
  font-size: 15px;
}

#c_static_001-16424741859400 .e_text-10:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgba(0, 91, 172, 1);
  position: absolute;
  bottom: -1px;
  left: 0px;
  opacity: 0;
  transition: all 0.3s 0.1s;
}

#c_static_001-16424741859400 .e_text-10:hover:after {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  #c_static_001-16424741859400 .e_loop-8 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 2);
  }

  #c_static_001-16424741859400 .e_text-10 a {
    display: block;
    width: 100%;
  }

  #c_static_001-16424741859400 .e_text-10 {
    font-size: 14px;
    line-height: 39px;
    border-bottom: solid 1px #d4d4d4;
  }

  #c_static_001-16424741859400 .e_loop-8 .p_list {
    display: none;
    position: absolute;
    top: 51px;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    left: 0;
  }

  #c_static_001-16424741859400 .p_listbox {
    height: 50px;
    justify-content: left;
  }

  #c_static_001-16424741859400 .p_list-left {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }

  #c_static_001-16424741859400 .p_list-left svg {
    display: block;
    width: 14px;
    position: relative;
    top: 2px;
  }
}

@media screen and (min-width: 769px) {
  #c_static_001-16424741859400 .e_loop-8 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 5);
  }
}
#c_banner_015-1642475524694 {
  min-height: 300px;
}

#c_banner_015-1642475524694 .e_bannerA-2 {
  height: 450px;
  background_radio: 1;
  max-height: 450px;
  min-height: 0px;
}

#c_banner_015-1642475524694 .e_bannerA-2 .swiper-container {
  height: inherit;
}

#c_banner_015-1642475524694 .e_bannerA-2 .swiper-wrapper {
  height: inherit;
  transform: none !important;
}

#c_banner_015-1642475524694 .e_bannerA-2 .swiper-slide {
  height: inherit;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_img {
  width: 100%;
  height: 100%;
  background: #000;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#c_banner_015-1642475524694 .e_bannerA-2 .custom-bullet {
  background: #ccc;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_info {
  position: absolute;
  width: 94%;
  color: #fff;
  padding: 0px;
  top: 50%;
  max-width: 1320px;
  left: 50%;
  line-height: 2;
  transform: translate(-50%, -50%);
  z-index: 4;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_info div {
  width: 100%;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_btitle {
  font-weight: bold;
  font-size: 44px;
  line-height: 1.2;
  color: #fff;
  position: relative;
  text-align: center;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_subtitle {
  font-size: 18px;
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 30px;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_summary {
  font-size: 18px;
  color: #fff;
}

#c_banner_015-1642475524694 .e_bannerA-2 .swiper-container-vertical {
  height: 400px;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_video {
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow: hidden;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_video .videoContent {
  width: 100%;
  height: 100%;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_video video {
  width: 100%;
  height: 100%;
  background: #000;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_videoPoster {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_videoPoster::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_videoPoster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#c_banner_015-1642475524694 .e_bannerA-2 .p_videoInfo {
  display: none;
}

@media screen and (max-width: 768px) {
  #c_banner_015-1642475524694 .e_bannerA-2 .swiper-slide {
    height: 160px;
  }

  #c_banner_015-1642475524694 .e_bannerA-2 .p_info {
    width: 94%;
    z-index: 9;
  }

  #c_banner_015-1642475524694 .e_bannerA-2 .p_btitle {
    font-size: 24px;
  }

  #c_banner_015-1642475524694 .e_bannerA-2 .p_subtitle {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 15px;
  }

  #c_banner_015-1642475524694 .e_bannerA-2 .p_summary {
    font-size: 16px;
  }

  #c_banner_015-1642475524694 {
    min-height: 0px;
    height: auto;
  }

  #c_banner_015-1642475524694 .e_bannerA-2 {
    background_radio: 1;
    height: 160px;
    max-height: none;
  }
}
#c_static_001_P_902-16478421520120 {
  min-height: 0px;
  display-radio: 1;
  padding-top: 70px;
  padding-bottom: 40px;
  background-color: rgba(255, 255, 255, 1);
}

#c_static_001_P_902-16478421520120 .e_container-1 {
  display: flex;
  flex-direction: row;
  width: 86%;
  display-radio: flex;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

#c_static_001_P_902-16478421520120 .e_container-1 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_static_001_P_902-16478421520120 .e_container-1 .cbox-1-0 {
  flex: 0 0 260px;
}

#c_static_001_P_902-16478421520120 .e_container-1 .cbox-1-1 {
  padding-left: 30px;
  flex: 1;
}

#c_static_001_P_902-16478421520120 .e_container-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  display-radio: flex;
}

#c_static_001_P_902-16478421520120 .e_container-2 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_static_001_P_902-16478421520120 .e_text-3 {
  line-height: 60px;
  display-radio: 1;
  font_radio: 2;
  background-color: #005bac;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  font-family: SimSun;
  color: rgba(255, 255, 255, 1);
  padding-left: 15px;
  padding-right: 15px;
}

#c_static_001_P_902-16478421520120 .e_container-34 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display-radio: flex;
  margin-bottom: 20px;
}

#c_static_001_P_902-16478421520120 .e_container-34 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_static_001_P_902-16478421520120 .e_container-34 .cbox-34-0 {
  padding-right: 30px;
}

#c_static_001_P_902-16478421520120 .e_container-34 .cbox-34-1 {
  padding-left: 30px;
}

#c_static_001_P_902-16478421520120 .e_container-35 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
  margin-left: auto;
}

#c_static_001_P_902-16478421520120 .e_container-35 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_static_001_P_902-16478421520120 .e_container-36 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  max-width: 330px;
}

#c_static_001_P_902-16478421520120 .e_container-36 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_static_001_P_902-16478421520120 .e_button-37 {
  font-size: 16px;
  background-color: #fa9706;
  border-color: #ddd;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  width: 130px;
  border-radius: 4px;
  padding: 8px;
  background_radio: 1;
  border_radio: 1;
  font_radio: 1;
  radius_radio: 1;
  display-radio: block;
  margin-top: 20px;
  color: #fff;
}

#c_static_001_P_902-16478421520120 .e_button-37:hover {
  border: 1px solid #fa9706;
  color: #fa9706;
  background: #fff;
}

#c_static_001_P_902-16478421520120 .e_button-37 span {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  outline: 0;
  margin: 0px;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_button-37::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  transition: all 0.3s;
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0px;
}

#c_static_001_P_902-16478421520120 .e_button-37:hover::after {
  opacity: 1;
}

#c_static_001_P_902-16478421520120 .e_button-38 {
  font-size: 16px;
  background-color: rgb(0 94 176);
  border-color: rgb(0 94 176);
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  width: 130px;
  border-radius: 4px;
  padding: 8px;
  background_radio: 1;
  border_radio: 1;
  font_radio: 1;
  radius_radio: 1;
  display-radio: block;
  margin-top: 20px;
}

#c_static_001_P_902-16478421520120 .e_button-38:hover {
  color: rgb(0 94 176);
  background: none;
}

#c_static_001_P_902-16478421520120 .e_button-38 span {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  outline: 0;
  margin: 0px;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_button-38::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  transition: all 0.3s;
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0px;
}

#c_static_001_P_902-16478421520120 .e_button-38:hover::after {
  opacity: 1;
}

#c_static_001_P_902-16478421520120 .e_container-39 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

#c_static_001_P_902-16478421520120 .e_container-39 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_static_001_P_902-16478421520120 .e_container-39 .cbox-39-0 {
  flex: 0 0 auto;
}

#c_static_001_P_902-16478421520120 .e_h1-40 {
  font_radio: 2;
  font-size: 24px;
  font-family: Microsoft YaHei;
  color: rgba(0, 91, 172, 1);
  font-weight: bold;
  margin-top: 10px;
  display-radio: 1;
  margin-bottom: 5px;
}

#c_static_001_P_902-16478421520120 .move-view {
  display: none !important;
}

#c_static_001_P_902-16478421520120 .magnifier-view {
  display: none !important;
}

#c_static_001_P_902-16478421520120 .image-bigger {
  display: none !important;
}

#c_static_001_P_902-16478421520120 .e_line-42 {
  display-radio: 1;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(221, 221, 221, 1);
}

#c_static_001_P_902-16478421520120 .e_richText-43 {
  font_radio: 2;
  font-size: 14px;
  font-weight: normal;
  color: rgba(102, 102, 102, 1);
  line-height: 2;
  display-radio: 1;
  margin-top: 20px;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier {
  width: 450px;
  position: relative;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-container {
  width: 450px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  height: auto !important;
  max-width: 100%;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .move-view {
  width: 100px;
  height: 100px;
  position: absolute;
  background-color: rgba(204, 204, 204, 0.5);
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .images-cover {
  height: 0;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 80%;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .images-cover img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  width: auto !important;
  height: auto !important;
}

#c_static_001_P_902-16478421520120 .lightbox {
  ddisplay: none !important;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-assembly {
  height: 92px;
  overflow: hidden;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-btn {
  position: absolute;
  font-family: "宋体";
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -40px;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-btn span {
  line-height: 80px;
  height: 80px;
  width: 20px;
  color: #fff;
  display: block;
  z-index: 8;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  border-radius: 3px;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-line {
  position: relative;
  overflow: hidden;
  height: 80px;
  padding-top: 10px;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-line ul {
  display: block;
  font-size: 0;
  width: 10000%;
  position: absolute;
  left: 0;
  z-index: 7;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-line li {
  float: left;
  cursor: pointer;
}

#c_static_001_P_902-16478421520120
  .e_magnifier-44
  .magnifier-line
  ul
  > .active
  .small-img {
  border-color: #005bae;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .small-img {
  position: relative;
  height: 60px;
  width: 60px;
  padding: 0px;
  margin-right: 10px;
  overflow: hidden;
  border: 1px solid #ddd;
  text-align: center;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .small-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-view {
  width: 100%;
  height: 110%;
  position: absolute;
  right: -100%;
  top: 0;
  z-index: 9;
  background-color: #fff;
  display: none;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-view img {
  display: block;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .animation03 {
  transition: all 0.3s ease-in 0.1s;
  -ms-transition: all 0.3s ease-in 0.1s;
  -moz-transition: all 0.3s ease-in 0.1s;
  -webkit-transition: all 0.3s ease-in 0.1s;
  -o-transition: all 0.3s ease-in 0.1s;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .image-icons {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 9;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .closeBtn {
  width: 35px;
  position: absolute;
  right: 20px;
  top: 20px;
  height: 35px;
  display: block;
  z-index: 999;
  cursor: pointer;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .image-big-video {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 5px solid #fff;
  border-radius: 50%;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .image-big-video::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%);
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .image-bigger {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: #ccc;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .add-icon {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 9;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .add-icon::before {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: block;
  width: 5px;
  height: 2px;
  transform: rotateZ(45deg);
  background-color: #fff;
}

#c_static_001_P_902-16478421520120
  .e_magnifier-44
  .magnifier-btn
  .magnifier-btn-left {
  float: left;
}

#c_static_001_P_902-16478421520120
  .e_magnifier-44
  .magnifier-btn
  .magnifier-btn-right {
  float: right;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier-btn-left::before {
  content: "<";
  color: #000;
  font-weight: bolder;
}

#c_static_001_P_902-16478421520120
  .e_magnifier-44
  .magnifier-btn-right::before {
  content: ">";
  color: #000;
  font-weight: bolder;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .video-icon::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
  border: 2px solid #fff;
  border-radius: 50%;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 .video-icon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%);
}

#c_static_001_P_902-16478421520120 .e_productTabList-45::-webkit-scrollbar {
  display: none;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_tabName {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  border-bottom: solid 1px #005bac;
  display: flex;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_nameItem {
  display: inline-block;
  width: auto;
  min-width: 98px;
  padding: 0 4vw;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  background-color: #f5f5f5;
  font-size: 18px;
  color: #005bac;
  letter-spacing: 3px;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_nameItem.active {
  background-color: #005bac;
  color: #fff;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_tabContent {
  padding: 25px 0;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_contentItem {
  display: none;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_contentItem.active {
  display: block;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_infoItem {
  overflow: hidden;
  margin-bottom: 25px;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_attrItem {
  width: 25%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_summary {
  padding: 10px 0;
  display: none;
}

#c_static_001_P_902-16478421520120 .p_attrItem {
  display: none;
}

#c_static_001_P_902-16478421520120 .p_nameItem:nth-child(2) {
  display: none !important;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_keywordLabel {
  float: left;
  display: block;
  height: 28px;
  line-height: 28px;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_keywordValue {
  float: left;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_keywordItem {
  padding: 0 15px;
  border-radius: 5px;
  float: left;
  height: 28px;
  line-height: 28px;
  margin-left: 15px;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_groupName {
  padding-left: 45px;
  height: 35px;
  line-height: 35px;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_params {
  display: flex;
  line-height: 35px;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_paramsName {
  display: flex;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  width: 20%;
  padding: 0 15px;
  white-space: normal;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_productTabList-45 .p_paramsValue {
  padding: 0 15px;
}

#c_static_001_P_902-16478421520120 .e_magnifier-44 {
  display-radio: 1;
  background_radio: 1;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 100%;
  padding: 10px;
  border: solid 1px #eee;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_loopitem {
  flex: 0 0 33.3%;
  position: relative;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_page {
  text-align: center;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_filter_wrapper {
  width: 100%;
  font-size: 13px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_kv_wrapper {
  display: flex;
  flex-wrap: nowrap;
  line-height: 40px;
  margin: 15px 0;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_filter_key {
  width: 70px;
  overflow: hidden;
  margin-right: 10px;
  font-weight: bold;
  color: #333333;
  font-size: 12px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_v_item {
  display: inline-block;
  padding: 0 3px;
  cursor: pointer;
  font-size: 13px;
  color: #555555;
  margin-right: 30px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_active .p_fbutton {
  color: #fff;
  background-color: cornflowerblue;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_result_item {
  position: relative;
  padding: 3px 20px 3px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-right: 10px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_filter_close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px;
  font-style: normal;
  font-size: 16px;
  margin-top: -5px;
  cursor: pointer;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect {
  font-size: 13px;
  position: relative;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect .inputWrap {
  width: 100%;
  min-width: 100px;
  min-height: 24px;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  background: white;
}

#c_static_001_P_902-16478421520120
  .e_loop-49
  .multSelect.is-invalid
  .inputWrap {
  border-color: #dc3545;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect ul {
  padding: 0 5px;
  margin: 0;
  padding-right: 35px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect ul,
li {
  list-style: none;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect li {
  display: inline-block;
  background: #edf0f3;
  color: #92969c;
  padding: 0px 5px;
  margin: 1px 5px 1px 0;
  border-radius: 5px;
  line-height: 16px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect .multSelect-option {
  width: 100%;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  border-top: 0;
  max-height: 200px;
  overflow-y: scroll;
  position: absolute;
  height: 0;
  opacity: 0;
  z-index: 9;
  background: #fff;
}

#c_static_001_P_902-16478421520120
  .e_loop-49
  .multSelect
  .multSelect-option
  > div {
  line-height: 24px;
  cursor: pointer;
  padding: 0 10px;
}

#c_static_001_P_902-16478421520120
  .e_loop-49
  .multSelect
  .multSelect-option
  > div.selected {
  color: #409eff;
}

#c_static_001_P_902-16478421520120
  .e_loop-49
  .multSelect
  .multSelect-option
  > div:hover {
  color: #409eff;
  background: #f3f6f9;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect .fa-close {
  font-style: normal;
  font-size: 12px;
  padding: 0 5px 0 7px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect .inputWrap > .fa svg {
  fill: #666;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: calc(50% - 3px);
}

#c_static_001_P_902-16478421520120
  .e_loop-49
  .multSelect
  .inputWrap
  > .fa-down
  svg {
  transform: rotate(-90deg);
}

#c_static_001_P_902-16478421520120
  .e_loop-49
  .multSelect
  .inputWrap
  > .fa-up
  svg {
  transform: rotate(90deg);
}

#c_static_001_P_902-16478421520120 .e_loop-49 .multSelect .placeholder {
  line-height: 40px;
  padding-left: 10px;
  color: #aaa;
  position: absolute;
  left: 0;
  top: 0;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_normal_start {
  display: inline;
  width: 100px;
  height: 40px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_date_start {
  display: inline;
  width: 105px;
  height: 40px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_normal_end {
  display: inline;
  width: 100px;
  height: 40px;
  margin-right: 5px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_date_end {
  display: inline;
  width: 105px;
  height: 40px;
  margin-right: 5px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_split {
  margin: 0 5px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_normal {
  margin-right: 16px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_fbutton {
  background-color: #007bff;
  border: 1px solid #409eff;
  text-decoration: none;
  color: white;
  font-size: 14px;
  text-align: center;
  padding: 10px 25px;
  position: relative;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .input-check,
#c_static_001_P_902-16478421520120 .e_loop-49 .input-radio {
  margin: 0 5px;
  vertical-align: text-top;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .position-left {
  display: flex;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .position-right {
  display: flex;
  flex-direction: row-reverse;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .position-bottom {
  display: flex;
  flex-direction: column-reverse;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_mbutton {
  border: 1px solid #409eff;
  text-decoration: none;
  color: #409eff;
  font-size: 14px;
  text-align: center;
  padding: 10px 25px;
  position: relative;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_mbutton:after {
  content: "";
  display: none;
  width: 16px;
  height: 16px;
  background-color: #409eff;
  -webkit-transform: skewY(-45deg);
  transform: skewY(360deg);
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 1;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_mbutton::before {
  content: "";
  display: none;
  width: 6px;
  height: 9px;
  border-right: #ffffff solid 2px;
  border-bottom: #ffffff solid 2px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  position: absolute;
  bottom: 5px;
  right: 4px;
  z-index: 2;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_active .p_mbutton::before {
  display: block;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_active .p_mbutton::after {
  display: block;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_input_match {
  width: 100px;
  height: 40px;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 3px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_filter_result {
  display: none;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_contclear {
  cursor: pointer;
  display: none;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .swiper-container {
  padding-bottom: 30px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_imgwrapper {
  width: 80px;
  height: 100px;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_imgtitle {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0 auto;
  line-height: 20px;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_imgwrapper img {
  width: 100%;
  object-fit: cover;
}

#c_static_001_P_902-16478421520120 .e_loop-49 .p_active .p_imgwrapper {
  border: 1px solid #409eff;
}

#c_static_001_P_902-16478421520120 .e_text-50 {
  display: -webkit-box;
  justify-content: space-between;
  position: relative;
  line-height: 45px;
  border-bottom: solid 1px #eee;
  font-size: 14px;
  transition: all ease 0.3s;
  width: 100%;
  font-weight: bold;
  color: #4c4948;
  padding-left: 10px;
  border-left: solid 2px #fff;
  display-radio: -webkit-box;
  font_radio: 2;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#c_static_001_P_902-16478421520120 .e_text-50:hover {
  background: #f9f9f9;
  color: #005bac;
  border-bottom: solid 1px #f9f9f9;
  border-left: solid 2px #005bac;
  background-color: #f9f9f9;
}

img {
  max-width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 768px) {
  #c_static_001_P_902-16478421520120 .e_loop-49 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 2);
  }

  #c_static_001_P_902-16478421520120 .e_container-1 .cbox-1-0 {
    flex: 0 0 100%;
    margin-left: auto;
    margin-right: auto;
  }

  #c_static_001_P_902-16478421520120 {
    padding: 20px 0;
  }

  #c_static_001_P_902-16478421520120 .e_productTabList-45 .p_nameItem {
    font-size: 15px;
  }

  #c_static_001_P_902-16478421520120 .e_container-1 .cbox-1-1 {
    padding-left: 0;
    margin-top: 30px;
  }

  #c_static_001_P_902-16478421520120 .e_text-3 {
    font-size: 14px;
    line-height: 45px;
    text-align: left;
    padding: 0 20px;
  }

  .p_chuShi {
    transition: all ease 0.5s;
  }

  .p_leftani {
    transform: translateX(-70%);
  }

  .p_leftaniAdmi {
    transform: translateX(-90%);
  }

  #c_static_001_P_902-16478421520120 .e_container-34 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background_radio: 1;
    display-radio: flex;
  }

  #c_static_001_P_902-16478421520120 .e_container-34 .cbox-34-0 {
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  #c_static_001_P_902-16478421520120 .e_container-34 .cbox-34-1 {
    padding-left: 0px;
  }

  #c_static_001_P_902-16478421520120 .e_container-35 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: rgba(255, 255, 255, 1);
    margin-top: 20px;
    width: auto;
    margin-left: 0px;
  }

  #c_static_001_P_902-16478421520120 .e_h1-40 {
    font-size: 18px;
  }

  #c_static_001_P_902-16478421520120 .e_magnifier-44 {
    min-height: 330px;
    display-radio: 1;
    margin-left: auto;
    margin-right: auto;
  }

  #c_static_001_P_902-16478421520120 .e_magnifier-44 .magnifier {
    width: 100%;
  }

  #c_static_001_P_902-16478421520120 .e_magnifier-44 .image-bigger {
    display: none;
  }

  #c_static_001_P_902-16478421520120 .e_productTabList-45 .p_attrItem {
    width: 100%;
  }

  #c_static_001_P_902-16478421520120 .e_productTabList-45 .p_groupName {
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
  }

  #c_static_001_P_902-16478421520120 .e_productTabList-45 .p_paramsName {
    width: 30%;
    padding: 0 10px;
  }

  #c_static_001_P_902-16478421520120 .e_productTabList-45 .p_params {
    line-height: 30px;
  }

  #c_static_001_P_902-16478421520120 .e_container-1 {
    flex-direction: column-reverse;
    background_radio: 1;
    display-radio: 1;
  }

  #c_static_001_P_902-16478421520120 .e_richText-43 {
    font_radio: 1;
    display-radio: 1;
  }

  #c_static_001_P_902-16478421520120 .e_productTabList-45 {
    display-radio: 1;
  }
}

@media screen and (min-width: 769px) {
  #c_static_001_P_902-16478421520120 .e_loop-49 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 1);
  }

  #c_static_001_P_902-16478421520120 .e_container-1 .cbox-1-1 {
    flex: 0 0 calc(100% - 260px);
  }
}
#c_relevant_057-1719401118674 {
  min-height: 300px;
  background-color: rgba(255, 255, 255, 1);
  display-radio: 1;
}

#c_relevant_057-1719401118674 .e_container-1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  max-width: 1270px;
  padding-top: 35px;
  padding-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: auto;
  display-radio: flex;
}

#c_relevant_057-1719401118674 .e_container-1 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

.e_container7 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 12px;
  margin-right: 12px;
  background-color: rgba(255, 255, 255, 1);
}

.e_container7 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 12px;
  margin-right: 12px;
  background-color: rgba(255, 255, 255, 1);
}

#c_relevant_057-1719401118674 .e_container-3 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 15px);
  padding: 0.375rem 0.8rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fbfbfb;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: none !important;
}

#c_relevant_057-1719401118674 .p_required,
[class^="e_"][required] .p_label::after {
  vertical-align: middle;
  font-size: 14px;
  line-height: 100%;
  top: 0;
  padding-left: 0px;
  position: relative;
  font-weight: 500;
}

#c_relevant_057-1719401118674 .p_label .s_label {
  color: rgb(0 0 0 / 50%);
}

#c_relevant_057-1719401118674 .e_container-42 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

#c_relevant_057-1719401118674 .e_container-42 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_image-43 {
  overflow: hidden;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

#c_relevant_057-1719401118674 .e_image-43 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#c_relevant_057-1719401118674 .e_text-44 {
  line-height: 1.5;
  font_radio: 2;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: rgba(0, 0, 0, 1);
  text-align: center;
}

#c_relevant_057-1719401118674 .e_container-45 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-bottom: 30px;
}

#c_relevant_057-1719401118674 .e_container-45 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_text-46 {
  line-height: 1.5;
  font_radio: 2;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: rgba(0, 0, 0, 1);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-46:hover {
  color: rgba(52, 171, 253, 1);
}

#c_relevant_057-1719401118674 .e_container-47 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-top: 10px;
  display-radio: flex;
}

#c_relevant_057-1719401118674 .e_container-47 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-47 .cbox-47-0 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_container-47 .cbox-47-1 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 0px;
}

#c_relevant_057-1719401118674 .e_container-48 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-top: 10px;
  display-radio: flex;
}

#c_relevant_057-1719401118674 .e_container-48 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-48 .cbox-48-0 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_container-48 .cbox-48-1 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 0px;
}

#c_relevant_057-1719401118674 .e_text-49 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-50 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  display-radio: 1;
}

#c_relevant_057-1719401118674 .e_timeFormat-51 {
  min-height: 0px;
  font_radio: 2;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  font-family: Arial;
  line-height: 1;
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-52 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  display-radio: 1;
}

#c_relevant_057-1719401118674 .e_container-53 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-bottom: 40px;
}

#c_relevant_057-1719401118674 .e_container-53 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_text-54 {
  line-height: 1.5;
  font_radio: 2;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: rgba(0, 0, 0, 1);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-54:hover {
  color: rgba(52, 171, 253, 1);
}

#c_relevant_057-1719401118674 .e_imageList-55 .p_img {
  width: 100%;
  height: 126px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  opacity: 1;
  margin-top: 0px;
  padding-top: 0px;
}

#c_relevant_057-1719401118674 .e_imageList-55 .p_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#c_relevant_057-1719401118674 .e_imageList-55 .custom-bullet {
  background: #ccc;
}

#c_relevant_057-1719401118674 .e_imageList-55 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#c_relevant_057-1719401118674 .e_imageList-55 .gallery-top {
  height: 80%;
  width: 100%;
  display: none;
}

#c_relevant_057-1719401118674 .e_imageList-55 .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding-top: 5px;
}

#c_relevant_057-1719401118674 .e_imageList-55 .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 1;
  border-radius: 5px;
  overflow: hidden;
}

#c_relevant_057-1719401118674
  .e_imageList-55
  .gallery-thumbs
  .swiper-slide
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#c_relevant_057-1719401118674
  .e_imageList-55
  .gallery-thumbs
  .swiper-slide-thumb-active {
  opacity: 1;
}

#c_relevant_057-1719401118674 .e_imageList-55 {
  height: auto;
}

#c_relevant_057-1719401118674 .e_container-56 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-top: 12px;
  display-radio: flex;
}

#c_relevant_057-1719401118674 .e_container-56 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-56 .cbox-56-0 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_container-56 .cbox-56-1 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 0px;
}

#c_relevant_057-1719401118674 .e_container-57 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-top: 10px;
  display-radio: flex;
}

#c_relevant_057-1719401118674 .e_container-57 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-57 .cbox-57-0 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_container-57 .cbox-57-1 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 0px;
}

#c_relevant_057-1719401118674 .e_text-58 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-59 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  display-radio: 1;
}

#c_relevant_057-1719401118674 .e_timeFormat-60 {
  min-height: 0px;
  font_radio: 2;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  font-family: Arial;
  line-height: 1;
  text-align: left;
  display-radio: 1;
}

#c_relevant_057-1719401118674 .e_text-61 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_container-62 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-bottom: 40px;
}

#c_relevant_057-1719401118674 .e_container-62 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-62 .cbox-62-0 {
  flex: 0 0 75%;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 15px;
  padding-left: 0px;
}

#c_relevant_057-1719401118674 .e_container-62 .cbox-62-1 {
  flex: 0 0 25%;
  padding-left: 20px;
}

#c_relevant_057-1719401118674 .e_container-62 .p_item {
  padding-right: 0px;
}

#c_relevant_057-1719401118674 .e_text-64 {
  line-height: 1.5;
  font_radio: 2;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: rgba(0, 0, 0, 1);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-64:hover {
  color: rgba(52, 171, 253, 1);
}

#c_relevant_057-1719401118674 .e_text-65 {
  line-height: 1.5;
  font_radio: 2;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  margin-top: 10px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#c_relevant_057-1719401118674 .e_container-66 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-top: 30px;
}

#c_relevant_057-1719401118674 .e_container-66 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-66 .cbox-66-0 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_container-66 .cbox-66-1 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 0px;
}

#c_relevant_057-1719401118674 .e_container-67 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-top: 10px;
  display-radio: flex;
}

#c_relevant_057-1719401118674 .e_container-67 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_container-67 .cbox-67-0 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_container-67 .cbox-67-1 {
  flex: 0 0 auto;
  margin-left: 0px;
  margin-right: 0px;
}

#c_relevant_057-1719401118674 .e_text-68 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-69 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  display-radio: 1;
}

#c_relevant_057-1719401118674 .e_timeFormat-70 {
  min-height: 0px;
  font_radio: 2;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  font-family: Arial;
  line-height: 1;
  text-align: left;
}

#c_relevant_057-1719401118674 .e_text-71 {
  line-height: 1;
  font_radio: 2;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
}

#c_relevant_057-1719401118674 .e_html-73 {
  display-radio: 1;
  background_radio: 1;
  min-height: 0px;
}

#c_relevant_057-1719401118674 .e_image-74 {
  overflow: hidden;
  display-radio: 1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#c_relevant_057-1719401118674 .e_image-74 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#c_relevant_057-1719401118674 .p_required,
[class^="e_"][required] .p_label::after {
  vertical-align: middle;
  font-size: 14px;
  line-height: 100%;
  top: 0;
  padding-left: 0px;
  position: relative;
  font-weight: 500;
}

#c_relevant_057-1719401118674 .e_searchResult-76 .p_preview {
  line-height: 50px;
  color: #ccc;
}

#c_relevant_057-1719401118674 .e_searchResult-76 .p_container {
  display: none;
}

#c_relevant_057-1719401118674 .e_searchResult-76 .p_totalCon {
  display: none;
}

#c_relevant_057-1719401118674 .e_searchResult-76 .p_page {
  text-align: center;
  padding-top: 30px;
}

#c_relevant_057-1719401118674 .searchTitle span,
#c_relevant_057-1719401118674 .searchSub span,
#c_relevant_057-1719401118674 .searchlight {
  color: red;
}

#c_relevant_057-1719401118674 .e_form-77 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-bottom: 40px;
}

#c_relevant_057-1719401118674 .e_form-77 > .p_formItem {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_form-77 .cbox-77-0 {
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_form-77 .cbox-77-1 {
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_select-78 {
  margin-left: 0px;
  margin-right: 0px;
}

#c_relevant_057-1719401118674 .e_select-78 .p_required {
  vertical-align: middle;
  font-size: 1.4em;
  line-height: 100%;
  position: relative;
  font-weight: bold;
  top: 0.15em;
  padding-left: 5px;
}

#c_relevant_057-1719401118674 .e_formBtn-79 {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  padding: 8px;
  background_radio: 1;
  border_radio: 1;
  font_radio: 1;
  radius_radio: 1;
  padding-top: 12px;
  padding-bottom: 12px;
}

#c_relevant_057-1719401118674 .e_formBtn-79 span {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  outline: 0;
  margin: 0px;
  overflow: hidden;
}

#c_relevant_057-1719401118674 .e_formBtn-79::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0px;
}

#c_relevant_057-1719401118674 .e_formBtn-79:hover::after {
  opacity: 1;
}

#c_relevant_057-1719401118674 .e_input-80 .p_phoneCode {
  width: 90px;
  margin-right: 10px;
}

#c_relevant_057-1719401118674 .e_container-81 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  background-color: rgba(251, 251, 251, 1);
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 35px;
  margin-left: 12px;
  margin-right: 12px;
}

#c_relevant_057-1719401118674 .e_container-81 > .p_item {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}

#c_relevant_057-1719401118674 .e_text-82 {
  font_radio: 2;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  text-align: left;
  line-height: 1;
}

.s_button1 {
  background-color: #005bac;
  border-color: #005bac;
}

#c_relevant_057-1719401118674 .e_search-83 {
  display: flex;
  border: 1px solid #ccc;
  background-color: #fff;
  height: 40px;
  border-radius: 20px;
  display-radio: flex;
  margin-bottom: 30px;
}

#c_relevant_057-1719401118674 .e_search-83 .p_inputCon {
  flex-grow: 1;
  padding: 0 20px;
  overflow: hidden;
}

#c_relevant_057-1719401118674 .e_search-83 .p_selectCon {
  flex: 0 0 120px;
  max-width: 30%;
}

#c_relevant_057-1719401118674 .e_search-83 .p_btnCon {
  flex: 0 0 100px;
  max-width: 20%;
}

#c_relevant_057-1719401118674 .e_search-83 .p_input {
  width: 100%;
  height: 100%;
  line-height: 38px;
  border: none;
}

#c_relevant_057-1719401118674 .e_search-83 .p_btn {
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 20px 20px 0;
  font-size: 14px;
  line-height: 38px;
  overflow: hidden;
}

#c_relevant_057-1719401118674 .e_search-83 .p_select {
  height: 100%;
  position: relative;
  text-align: center;
  cursor: pointer;
  color: #999;
}

#c_relevant_057-1719401118674 .e_search-83 .p_current {
  line-height: 38px;
  overflow: hidden;
  display: block;
  height: 100%;
}

#c_relevant_057-1719401118674 .e_search-83 .p_current .icon {
  fill: currentColor;
  width: 14px;
  height: 14px;
}

#c_relevant_057-1719401118674 .e_search-83 .p_selectList {
  display: none;
  width: 100%;
  background-color: #fff;
  border: 1px solid #eee;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 9;
  border-radius: 0 0 4px 4px;
  max-height: 162px;
  overflow: auto;
}

#c_relevant_057-1719401118674 .e_search-83 .p_selectItem {
  line-height: 20px;
  padding: 10px 0;
  cursor: pointer;
}

#c_relevant_057-1719401118674 .e_search-83 .p_selectItem:hover,
#c_relevant_057-1719401118674 .e_search-83 .p_selectItem.p_active {
  background-color: #eee;
}

@media screen and (max-width: 768px) {
  #c_relevant_057-1719401118674 .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 1270px;
    padding-top: 35px;
    padding-bottom: 70px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
  }

  #c_relevant_057-1719401118674 .e_form-77 {
    display: none;
  }

  #c_relevant_057-1719401118674 .e_form-77 > .p_formItem {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  #c_relevant_057-1719401118674 .e_form-77 {
    display: none;
  }
}
</style>
